<template>
    <div class="main">
        <div class="syLeft">
            <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;">
              
            </el-radio-group>

            <el-tabs :tab-position="tabPosition" style="height: 100%;">
                <el-tab-pane label="用户管理">
                    用户管理区域
                    <SyDataInfo></SyDataInfo>
                </el-tab-pane>
                <el-tab-pane label="配置管理">配置管理</el-tab-pane>
                <el-tab-pane label="角色管理">角色管理</el-tab-pane>
                <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
            </el-tabs>

        </div>
        
       
    </div>

</template>
<script>
import SyDataInfo from '@/components/SyDataInfo.vue'
import { GyroGetAllGyroscope } from '@/api/gyro'
import { EnvSelectEnvironment } from '@/api/env'
export default{
    components:{
        SyDataInfo
    },
    data() {
        return {
          tabPosition: 'left',
          totalList:{}
        }
    },
    mounted(){
        this.getList()
    },
    methods:{
        async getList(){
          const res = await GyroGetAllGyroscope({})
          console.log(res)
          this.totalList = Object.assign({},res)
        }
    }
}

</script>
<style lang="less" scoped> 
</style>